<template>
  <div class="index-special">
            <div class="index-title">- 推荐专题 -</div>
                            <div class="index-special-item">
                    <a href="#">
                        <img src="../images/h1.jpg">
                    </a>
                </div>
                            <div class="index-special-item">
                    <a href="#">
                        <img src="../images/h2.jpg">
                    </a>
                </div>
                            <div class="index-special-item">
                    <a href="#">
                        <img src="../images/h3.jpg">
                    </a>
                </div>
        </div>
</template>
<script>
export default {
  
}
</script>
<style scoped>
.index-title{
    font-size:.45rem;
    font-weight: bold;
    text-align: center;
    padding-bottom: 2vw;
    margin-bottom:2vw;
    border-bottom: #eee 1px solid;
}
.index-special{
  padding: 3vw;
    background-color: #FFF;
    margin-bottom: 3vw;
}
.index-special .index-special-item{
    width:100%;
    height:36.5vw;
    overflow: hidden;
    margin-bottom: 3vw;
}

.index-special .index-special-item img{
    width: 100%;
    border:#ccc 1px solid;
}

.index-special .index-special-item a{
    width: 100%;
    height: 100%;
    display: inline-block;
}

.index-news .con-block .index-news-more,
.index-special .index-special-more{
    color:#999;
    text-align: center;
    font-size:.4rem;
    text-shadow: #FFF 0 1px 0;
    width: 100%;
    height:10vw;
    line-height: 10vw;
    background-image: linear-gradient(to bottom,#EFEFEF 50%,#ddd);
    border-radius: 1vw;
    border:#CCC 1px solid;
    display: inline-block;
}
</style>


